import React from 'react'
import styles from './index.module.less'
import type { ClozeScheme } from '@/pages/archives/interface'

export default function Cloze(props: { scheme: ClozeScheme; answers: any; idx: number }) {
    const { scheme, answers, idx } = props
    const { properties } = scheme || {}
    return (
        <div className={styles.cloze_container}>
            <div className={styles.question}>
                {idx}、{properties?.title}
            </div>
            <div className={styles.answer}>{answers?.label}</div>
        </div>
    )
}
